@import url(base.less);

.main-list{
  padding:5px;
  li{
    .fl;
    .w(50%);
    .box-sizing();
    padding:5px;

  }
  .cont{
    .bg-color(#fff);
    .box-shadow(0 0 3px #ccc );
  }
  .img{
    .pr;
    img{
      .wh(100%,173px);
    }
  }
  .img-foot{
    .pab();
    .wh(100%,30px);
    .lh(30);
    .pb(5);
    .xin{
      .mr10;
      .fr;
      .db;
      .bg-size('zan.png',100%,auto);
      .wh(30px,30px);
      transition:all .5s;
      -webkit-transition:all .5s;
    }
    .xin-on{
      background-position:0 -36px;
    }
    .com{
      .bg-size('com.png',20px,auto,5px,5px);
      .fl;
      .db;
      .pl(30);
      .cw();
    }
  }
  .tit{
    .fz(16);
    .lh(20);
    font-weight:normal;
    padding-bottom:10px;
    .bdb(#d2d2d2);
  }
  .cont-foot{
    .pt10;
    .tx{
      .wh(30px,30px);
      .fl;
      .mr(5);
    }
    .lh(30);
  }
  .atten{
    .fr;
    .c(#49a3ff);
    .pl(15);
    .bg-size('sharelist_atten_bg.png',15px,auto,left,8px);
  }
  .attend{
    background-position:left -20px;
    .pl(20);
    .c(#a4a4a4);
  }
}

.fix-foot{
  position:fixed;
  left:0;
  bottom:0;
  .dl(50);
  .tc;
  .w(100%);
  z-index:5;
}
.btn{
  .db;
  .fz(14);
}
.yellow-btn{
  .bg-color(#ffd200);
}
.page-top{
  .bg-color(#fff);
  .bdb(#c7c7c7);
  padding-bottom:10px;
}
.banner{
  img{
    .bdb(#c7c7c7);
  }
}
.summary{
  .h(60px);
  .lh(20);
  .oh;
  .c(#484747);
  .f14;
  transittion:all .5s;
  -webkit-transittion:all .5s;
}
.extend-btn{
  .fr;
  .mr10;
  transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}
.focus-topic{
  .tc;
  .mt(20);
  .atten{
    .dib(150,40);
    .fz(14);
    .bd(#49a3ff);
    .c(#49a3ff);
    .border-radius(4px);
    .bg-size('sharelist_atten_bg.png',15px,auto,43px,13px);
    .pl(20);
  }
  .attend{
    background-position:left -20px;
    .pl(20);
    .c(#a4a4a4);
  }
}
.tx-list{
  .fr;
  .h(40px);
  img{
    .pr;
    .ml(-13);
    .wh(30px,30px);
    border:3px solid #fff;
    .border-radius(100%);
    &:first-child{
      margin:0;
    }
  }
  .tx_0{z-index:5;}
  .tx_1{z-index:4;}
  .tx_2{z-index:3;}
  .tx_3{z-index:2;}
  .tx_4{z-index:1;}
}
.topic-info{
  .mt10;
  .bdb(#d5d5d5);
  .dl(40);
  .p10;
}
.topic-tab{
  .w(100%);
  .dl(50);
  .tc;
  a{
    .dib(80,47);
    .fz(14);
  }
  .on{
    border-bottom:3px solid #ffd200;
  }
}
.hover-border{
  border-top:2px solid #ffd200;
  border-bottom:2px solid #ffd200;
  .border-radius(4px);
  .w(40px);
  .pa(10px,35px);
  transition:all .2s;
}
.graybg{
  .bg-color(#ebebeb);
}
.class-list{
  .bg-color(#fff);
}

.recommend-list{
  .bdt(#ddd);
  padding:10px 0;
  .top{
    .plr;
  }
  .user{
    .lh(21);
    .h(42px);
    img{
      .fl;
      .mr10;
    }
    h4{
      .c(#575758);
      font-weight:normal;
    }
    p{
      .c(#aaaaaa);
    }
  }
  dl{
    .pt10;
    .plr(5);
    dd{
      .fl;
      .w(33%);
      .box-sizing();
      .plr(5);
    }
    img{
      .wh(100%,95px);
    }
    p{
      .mt(5);
      .c(#656565);
    }
  }
}
.recommend-user{
  .bg-color(#fff);
}
.recommend-list{
  .atten,.attend{
    .bg-size('recommend_attend.png',100%,auto);
    .dba(80,34);
    .fr;
    background-position:left -37px;
  }
  .attend{
    background-position:0 0;
  }
}